<div class="tut_cat">
    <div class="tut_cat_inner">
        <div class="tut_detail">
            <h1><?=$detail_tut['tut_title']?></h1>
            <p class="date">
                <meta itemprop="datePublished" content="<?=date('Y-m-d',$detail_tut['tut_date'])?>"/>
                <?=date('H:i A d-m-y',$detail_tut['tut_date'])?>
            </p>
            <h3><?=$detail_tut['tut_summary']?></h3>
            <div class="tut_detail_detail">
                <?=$detail_tut['tut_detail']?>
            </div>
            <div class="social_wrap">
                <ul>
                    <li><div class="fb-like" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>" data-width="450" data-layout="button_count" data-show-faces="false" data-send="false"></div></li>
                    <li><a href="https://twitter.com/share" class="twitter-share-button" data-url="<?=DOMAIN.$_SERVER['REQUEST_URI']?>">Tweet</a></li>
                    <li><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>"></div></li>
                </ul>
                
                <script>
                    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
                </script>
                <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
                  {lang: 'vi'}
                </script>
                
            </div>
            <div class="tut_detail_tags">
                <h3>Tags:</h3>
                <?
                $tags_arr = explode(',',$detail_tut['tut_tags']);
                foreach($tags_arr as $tags) {
                    echo '<a href="/tags/'.$tags.'">'.$tags.'</a>,';
                }
                ?>
            </div>
            <div class="comments">
                <div class="comments_tab">
                    <div class="comments_tab_item comments_tab_fb active">Facebook</div>
                    <div class="comments_tab_item comments_tab_gg">Google</div>
                </div>
                <div class="comments_main">
                    <div class="comments_main_item comments_main_fb" style="z-index: 1000;position: relative">
                        <div class="fb-comments" data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>" data-colorscheme="light" data-numposts="5" data-width="950"></div>
                    </div>
                    <div class="comments_main_item comments_main_gg">
                        <div class="g-comments"
                            data-href="<?=DOMAIN.$_SERVER['REQUEST_URI']?>"
                            data-width="950"
                            data-first_party_property="BLOGGER"
                            data-view_type="FILTERED_POSTMOD">
                        </div>
                    </div>
                </div>
            <script>
                $('.comments_tab_fb').live('click',function(){
                    $('.comments_tab div').removeClass('active');
                    $(this).addClass('active');
                    $('.comments_main_gg').css({'z-index':'100','position':'absolute'});
                    $('.comments_main_fb').css({'z-index':'1000','position':'relative'});
                }); 
                $('.comments_tab_gg').live('click',function(){
                    $('.comments_tab div').removeClass('active');
                    $(this).addClass('active');
                    $('.comments_main_fb').css({'z-index':'100','position':'absolute'});
                    $('.comments_main_gg').css({'z-index':'1000','position':'relative'});
                }); 
                $('.reg_submit').live('click',function(){
                    if($('input:text[name=reg_name]').val() == '') {
                        alert('Bạn chưa nhập tên');
                        return false;
                    }
                    if($('input:text[name=reg_phone]').val() == '') {
                        alert('Bạn chưa nhập số điện thoại');
                        return false;
                    }
                    if($('input:text[name=reg_email]').val() == '') {
                        alert('Bạn chưa nhập địa chỉ email');
                        return false;
                    }
                });
            </script>
            </div>
        </div>
        
    </div>
</div>